<template>
<!--    开发进度-->
    <div>
        <div class="title"></div>
        <a-collapse accordion v-if="data.length > 0">
            <a-collapse-panel v-for="(item,index) in data"
                              :key="index"
                              :header="`${item.record_month} 年月度开发进度信息表`">
                <progress-item :data="item"></progress-item>
            </a-collapse-panel>
        </a-collapse>
    </div>
</template>

<script>

    import ProgressItem from './ProgressItem'
    export default {
        name: "ProjectLandDetail",
        components: {
            ProgressItem,
        },
        props: {
            data: Array,
        },
        
        mounted() {
            // this.data = [{record_month:'2019-09'}]
        },
        methods: {},
    }
</script>

<style lang="scss" scoped>
    .card {
        margin-bottom: 24px;
    }
    
    .title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        margin: 16px 0 30px 0;
    }
</style>